body{
	background: rgb(238,238,238);
	position: relative;
}
.mask{
	display: block;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
	z-index: 1000;
 	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;  	
}
.mask.active{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);	
}
.food-modal{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;	
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);  
 	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;    	
}
.food-modal.active{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); 	
}
.food-modal-dialog{
	margin-top: 10%;
	height: 80%;
}
.down-menu{
	background: rgba(29,209,184,0.3);
	margin-top: -2.5rem;
}
.left-page,
.right-page{
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
}
